<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <title>蜗牛笔记-文章-最高薪资20000元，平均月薪12919元，上海校区就业薪资持续创新高！</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/page/css/bootstrap.css" type="text/css"/>
    <link rel="stylesheet" href="/page/css/bossqiang.css" type="text/css"/>
    <script type="text/javascript" src="/page/js/jquery.min.js"></script>
    <script type="text/javascript" src="/page/js/bootstrap.min.js"></script>  
    <style type="text/css">
	    .container .article-nav a{
	    	color: #337ab7;
	    }
	    .paginate{
	    	border-radius: 5px;
	    	border: solid 1px #cccccc;
	    }
	    .article-comment .list .comment .content{
	    	height: auto;
			word-wrap: break-word;
			word-break: break-all;
			overflow: hidden;
			font-size: 16px;
	    }
    </style>
    <script type="text/javascript">
    	var current_article_id = 790;
    	var position_record = 5403;
    	var current_user_role_id = 0;
    </script>
</head>
<body>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<link rel="shortcut icon" href="/page/favicon.ico" type="image/x-icon"/>
<script src="/page/js/clipboard.min.js"></script>
<script src="/page/js/layer/layer.js"></script>

<!-- 移动端组件 -->
<!-- 引入样式文件 -->
<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.2/lib/index.css"> -->
<style type="text/css">
	/* 直播，课程，资料下载样式 */
	.asccess-div {
		background-color: #fff;
		padding: 0 100px;
		border-bottom: 1px solid #dedede;
		width: 100%;
	}
	.navbar-fixed-top, .navbar-fixed-bottom{
		z-index:99999999;
	}
	#condition::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
		color: white;
	}

	#condition:-moz-placeholder, textarea:-moz-placeholder {
		color: white;
	}

	#condition::-moz-placeholder, textarea::-moz-placeholder {
		color: white;
	}

	#condition:-ms-input-placeholder, textarea:-ms-input-placeholder {
		color: white;
	}
	.accessList li {
		position: relative;
		padding: 15px 0 15px 15px;
	}

	.asccess-gray {
		color: #000;
	}

	.access-span1 {
		font-size: 16px;
		font-weight: bold;
	}

	.access-p {
		margin: 0 0 0 19px;
		color: #666;
		font-size: 14px;
		width: 50%;
	}
	.access-p3{
		float: left;
		padding: 10px 10px 0 0;
	}
	.access-p2 {
		position: absolute;
		right: 10px;
		top: 22px;
	}
	/* end直播，课程，资料下载样式 */
	.modal-warning{
		line-height: 20px!important;
	}
	.modal-backdrop{
		display:none!important;
	}
	/*表格信息过多省略处理*/
	table{
		table-layout:fixed;
	}
	td{
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	/*表格信息过多省略处理*/
	body{
		padding-right: 0 !important;
	}
	.modal.in{
		padding-right: 0 !important;
	}
	.modal-open {
		overflow:scroll;
	}
	/*  用户操作框 */
	#poping-box-fixed{
		position: fixed;
		top:110px;
		right:0;
		left:0;
		z-index:9999999999;
	}
	#poping-box {
		width:1200px;
		margin:0 auto;
		position: relative;

	}
	#poping{
		position:absolute;
		right:40px;
		top:5px;
		text-align:left;
		width:228px;
		border-radius:8px;
		z-index:1050;
		color:#666;
	}
	#poping a{
		color:black;
	}
	#poping:after{
		content: "";
		position: absolute;
		border-style: solid;
		border-color: transparent transparent #ccc;
		border-width: 10px;
		top: -20px;
		right:30px;
	}
	#poping:before{
		content: "";
		position: absolute;
		border-style: solid;
		border-color: transparent transparent white;
		border-width: 10px;
		top: -19px;
		right:30px;
		z-index: 9;
	}
	/* .myIntegral,.myBalance{
        font-size:20px;
        font-weight:bold;
        color:#FFD700;
    } */
	.btn-useropt{
		width: 100%;
		padding:0 2px;
	}
	.img-radius{
		border-radius:5px;
	}
	.btn-useropt:HOVER{
		background-color:#D9D9D9;
	}
	.div-btn-opt{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.all-btn-opt{
		padding-top:7px;
		padding-bottom:5px;
	}
	.user-info-div{
		padding-top:10px
	}
	#OptDivUserName{
		padding-left:3px;
		padding-top:4px;
		text-align:left;
	}
	/* END 用户操作框 */
	.hidden{
		display:none;
	}
	/* 表情位置 */
	.face{
		position: absolute;
		left: 25px;
		bottom: 8px;
		font-size: 14px;
		line-height: 1em;
		color: #333333;
	}
	/*头部导航效果*/

	.col-padding {
		padding: 0;
	}

	#search {
		margin: 0 auto;
	}

	.search {
		color: white;
		width: 80%;
		height: 32px;
		margin-top: 28px;
		font-size: 14px;
		background: none;
		border: 0px;
		border-bottom: 1px solid white;
		margin-left: 9px;
	}

	.search-input {
		position: relative;
	}

	.glyphicon-search {
		position: relative;
		left: -20px;
	}
	.glyphicon-search::before{
		color:white;
	}
	.search-text a {
		color: #8c8c8c;
		margin-left: 15px;
		font-size: 10px;
	}



	.code {
		font-size: 20px;
		line-height: 90px;
		color: white;
	}


	#remind  .modal-header{

	}
	#remind .btn-save {
		width:80px;
		margin-top: 15px;
	}
	.modal-warning{
		height:60px;
		line-height:60px;
		margin:0 0 10px;
	}
	/* 右下角提示框 */
	.prompt-box{
		position:fixed;
		left:0;
		bottom:0;
		min-width:200px;
		line-height:40px;
		text-align:center;
		background:#E0EEEE;
		border: 1px solid #d9dde1;
		z-index: 9;
	}
	/* END 右下角提示框 */
	#form-login div .text {
		width: 280px;
		height: 40px;
		border: 1px solid #CCCCCC;
		border-radius: 5px;
		padding-left: 10px;
		line-height: 40px;
	}

	#form-login div .verification {
		width: 140px;
	}

	#form-login div img {
		width: 110px;
		height: 40px;
		border: 1px solid #CCCCCC;
		border-radius: 5px;
		margin-left: 26px;
	}

	#form-login .btn-save {
		margin-left: 23px;
		margin-top: 15px;
	}

	#form-login div .btn-code {
		width: 140px;
		height: 40px;
		border-radius: 5px;
		margin-left: 17px;
	}

	#form-login .modal-body p {
		margin: 0;
		height: 20px;
		font-size: 12px;
		line-height: 20px;
		color: red;
		padding: 0;
	}

	#form-login .modal-margin-left {
		margin-left: 38px;
	}

	#form-login .modal-body .span-text {
		padding: 5px 40px 0 38px;
	}

	#form-login .modal-body .span-text span {
		color: #333;
	}

	#form-login .nav-tabs>li>a {
		width: 60px;
		text-align: center;
		padding: 0;
		border: 0;
		background: none;
		line-height: 50px;
	}

	#form-login .nav-tabs {
		border: 0;
	}

	#form-login .nav-tabs>li.active>a,
	#form-login .nav-tabs>li.active>a:hover,
	#form-login .nav-tabs>li.active>a:focus {
		opacity: 1;
		color: #FFFFFF;
		cursor: default;
		border-bottom: 2px solid #FFFFFF;
		line-height: 46px;
		padding-top: 2px;
		/*background-color: #fff;*/
	}

	#form-login .nav>li>a:hover,
	#form-login .nav>li>a:focus {
		color: #FFFFFF;
		opacity: .7;
	}
	#form-login #logincode{
		width: 120px;
	}
	#form-login #panel-register #smscode,#form-login #panel-password #resetCode,#form-login #panel-register #smscode{
		width: 120px;
	}
	.navbar {
		/* background: rgba(8, 8, 8,0.9); */
		background:linear-gradient(135deg, rgba(12,10,76,0.9), rgba(192,49,241,0.9));
	}
	@media all and (min-width: 992px) {
		.content {
			/* margin-top: 90px; */
		}
		.nav-with-3 {
			width: 20%;
		}
		.nav-with-5 {
			width: 44%;
		}
		.logo-padding {
			max-width:80%;
			padding-top: 20px;
		}
		#tab-bar {
			display: none;
		}
		#setting{
			display:none;
		}
		a.login {
			font-size: 16px;
			line-height: 90px;
			margin-left: 20px;
			color: #FFFFFF;
			text-decoration:none;
		}
		.navbar-nav > li:nth-child(1) > a{
			margin-left:0;
		}
		.searchBox{
			width:13%;
		}
		.normalNav .navbar-nav{
			float:right;
			margin:0 40px;
		}
		.normalNav .navbar-nav > li > a{
			margin-left:42px;
		}
		.indexFormat{
			width:130px;
			height:40px;
			border-radius:6px;
			margin-top: 25px;
			line-height: 40px !important;
			color:#613195!important;
			padding-left:48px!important;
			background: url("/page/img/indexFormat.png") no-repeat 12px center;
			background-color: white;
		}
	}
	.navbar{
		box-shadow: none;
	}
	.share_course{
		background:linear-gradient(135deg, rgba(12,10,76,1), rgba(192,49,241,1));
		color:white;
		padding:8px 0;
		display:block;
		width:180px;
		border-radius:6px;
		margin:0 auto;
	}
	/* 朱游章 */
	/* .mycontent{
		height:72px;
	}
	.nav-with-3{
		width:140px;
		margin-top:4px;
		margin-left:32px;
	}
	.mynav > li > a{
		color:#333!important;
		line-height:72px;
		font-size:16px;
		margin-left:15px;
		margin-right:15px;
	}
	.navbar{
		background-color: white;
		border-bottom:none;
		height:72px;
	}
	.search{
		border-bottom:1px solid #333;
		color:#333;
		margin-top:14px;
	}
	.nav-with-5{
		width:auto;
	}
	#userinfo{
		margin-right:32px;
	}
	a.login{
		color:#333;
		line-height:72px;
	}
	.banner .head_left_list{
		height:450px;
	} */

	#banner{
		box-shadow:0 12px 24px 0 rgba(0, 0, 0, 0.2);
		border-radius:8px;
		overflow:hidden;
	}
	.mb-link-book {
		display: none;
	}
	@media ( max-width: 991px) {
		.mb-link-book {
			display: flex;
			justify-content: space-around;
			align-items: center;
			margin-top: 5px;
		}
		/* .nav-with-3{
			margin-left:0;
			width:100px;
			margin-top:10px;
		}
		a.login{
			line-height:40px;
		}
		.navbar-toggle .icon-bar{
			background:black;
		} */
		.search{
			margin-top:12px;
		}
		.navbar .container{
			width:100%;
		}
		.content{
			width: 100%;
			margin-top: 60px;
			margin-bottom:60px;
		}
		.modal-sm {
			width: 300px !important;
		}
		.logo-padding {
			margin-top: 14px;
			margin-left: 5px;
		}
		.img-responsiv{
			width: 150px;
		}
		.navbar {
			height: 100px;
		}

		#nav,#setting1 {
			display: none;
		}

		#tab-bar {
			/* display: block !important; */
		}
		#search{
			padding:0 0 0 10%;
		}
		.search-text {
			display: none;
		}
		#setting{
			max-height:none !important;
		}
		#setting .nav-setting {
			width:40%;
			height:100%;
			padding:0 15px;
			background: #424242;
			border:0;
		}
		#setting .nav-setting span.glyphicon{
			top:1px;
			margin-right:8px;
		}
		#setting .nav-setting li{
			border-bottom: 1px solid #646464;
		}
		#setting .nav>li>a {
			padding: 10px 10px;
		}
		#setting .nav-setting li:last-child{
			border: none;
		}

		#password {
			display: none;
		}
		.navbar-toggle .icon-bar {
			width: 24px;
			height: 3px;
		}
		.navbar-toggle{
			margin:9px 0 8px;
			padding:0;
		}
		/* 登录注册，登录提示框*/
		.modal {
			top:18%;
		}
		#form-login {

		}
		#form-login .modal-margin-left {
			margin-left: 25px;
		}
		#form-login .modal-sm,#remind .modal-sm{
			width:300px;
		}
		#form-login div .text {
			width: 250px !important;
		}
		#form-login div .verification{
			width: 122px !important;
		}
		#form-login div img {
			margin-left: 15px;
		}
		#form-login .btn-save {
			width: 250px !important;
			margin-left: 15px;
			margin-top: 10px;
		}
		#form-login .modal-header{
			margin-bottom: 25px !important;
		}
		#form-login .modal-footer {
			padding: 0 15px 30px;
		}
		#form-login #panel-register #smscode, #form-login #panel-password #resetCode, #form-login #panel-register #smscode {
			width: 120px !important;
		}
		#form-login div .btn-code {
			width: 110px;
		}
		a.login {
			display:inline-block;
		}
		.icon-bar-padding{
			padding: 12px 10px;
			height:40px;
		}
		.asccess-div {
			background-color: #fff;
			padding: 0 100px;
			border-bottom: 1px solid #dedede;
			width: 100%;
		}


		.accessList li {
			position: relative;
			padding: 15px 0 15px 15px;
		}

		.asccess-gray {
			color: #000;
		}

		.access-span1 {
			font-size: 16px;
			font-weight: bold;
		}

		.access-p {
			display:none;
		}
		.access-p3{
			float: none;
			padding: 10px 10px 0 0;
		}
		.access-p2 {
			position: inherit;
			top:0;
		}
		.access-p2 .btn-info{
			margin-left:30px;
			margin-top:10px;
		}
		/* end直播，课程，资料下载样式 */
		/* END 登录注册 */
	}

	/*START头像角标  */
	/* #userIcon{
	    width: 200px;
        height: 200px;
        background-color: #333;
        color: #fff;
        position: relative;
        margin-top: 50px;
    }
	#userIcon:after {
        content: attr(data-num);
        line-height: 50px;
        text-align: center;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: white;
        position: absolute;
        z-index: 9;
        top: 0px;
        right: 0px;
    } */
	/*END头像角标  */
	/*END 头部导航*/
</style>
<script>
	var ctx = "";
	var aliOssPath = "https://woniuxyopenfile.oss-cn-beijing.aliyuncs.com/";
	var integral = 0;
	var timeStamp = new Date().getTime();
</script>
<script src="/page/js/nav.js?timeStamp="+timeStamp></script>
<!-- 在线咨询 -->
<!-- <div id="BDBridgeFixedWrap" style="position: fixed; z-index: 9910; left: 10px; top: 30%;">
      <a href="http://p.qiao.baidu.com/im/index?siteid=10385476&ucid=10661893&cp=&cr=&cw=" target="_blank">
          <img src="/page/img/online-ask.png" style="width: 110px;"/>
      </a>
 </div> -->
<!-- END 在线咨询 -->
<!--头部导航栏-->
<meta charset="UTF-8">
<style type="text/css">
		#advert .modal-sm {
			width: 400px;
		}
		
		#advert .modal-content {
			height:400px;
			background:url(/page/img/bg-advert.png);
		}
		#advert .modal-header {
		    background: none;
		    margin-bottom: 296px;
		   }
		#advert h3{
			font-size: 22px;
			color:;
			margin: 30px 0px 15px;
		}
		#advert .badge {
			width: 30px;
			height: 30px;
			line-height: 30px;
			font-size: 18px;
			background: #FFD700;
			border-radius: 50%;
			padding: 0;
		}
		
		#advert img {
			width: 50px;
			pos-height: 50px;
			border: 2px solid #CCCCCC;
			border-radius: 50%;
			margin: 0 8px;
		}
		
		#advert p {
			font-size: 16px;
			line-height: 30px;
		}
		
		
		#advert .modal-body {
			padding: 0 25px 20px;
		}
		#advert label{
			font-size: 12px;
			color: #4a4a4a;
			margin-bottom: 0; 
		}
		#advert .btn{
		    box-shadow: 0 3px 15px  rgba(255, 255, 255, 0.2);
		}
		@media only screen and (max-width: 991px) {
			#advert .modal-sm {
			    width: 300px;
			}
			#advert .modal-content {
				height:300px;
				background:url(/page/img/bg-advert-sm.png);
			}
			#advert .modal-header {
			    margin-bottom: 206px;
			}
		}
</style>
<!-- 引导弹出窗-->
	<!-- 	<div class="modal" id="advert">
			<div class="modal-dialog modal-sm">
				<div class="modal-content">
					<div class="modal-header">
						领取奖励积分
					</div>
					<div class="modal-body row">
						<div class="col-md-12 col-padding">
							<h3>领取奖励积分</h3>
						</div>
						<div class="col-md-12 col-padding" style="padding-left:9px ;">
							<span class="badge col-md-1" style="margin-top:9px ;">1</span>
							<p class="col-md-11">点击右上角头像<img src="/0" id="remindIcon"/>，进入"个人中心"；</p>
							<span class="badge col-md-1" style="float: left;">2</span>
							<p class="col-md-11">进入"积分管理"，点击"领取奖励积分"按钮即可领取100积分。</p>
						</div>
					</div>
					<div class="modal-footer">
						<div class="col-md-4 text-left" style="line-height:30px">
						<input type="checkbox" name="" id="advert-close" value="" style="margin:2px 5px 0 0;"/>
						<label for="advert-close">不再显示</label>
						</div>
						<div class="col-md-8">
						<a href="/studentcenter/personalIntegral"><button class="btn btn-warning">领取积分</button></a>
						<button class="btn btn-primary" style="margin-left: 10px" onclick="$('#advert').modal('hide')">暂不领取</button>
						</div>
						
					</div>
				</div>
			</div>
		</div> -->
			<div class="modal" id="advert">
			<div class="modal-dialog modal-sm">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
					</div>
					<div class="modal-footer">
						<div class="col-md-4 text-left hidden" style="line-height:30px">
						<input type="checkbox" name="" id="advert-close" value="" style="margin:2px 5px 0 0;"/>
						<label for="advert-close">不再显示</label>
						</div>
						<div class="col-md-12">
						<a href="/sc/balanceIntegral"><button class="btn btn-primary">领取积分</button></a>
						<button class="btn btn-danger" style="margin-left: 10px" onclick="$('#advert').modal('hide')">暂不领取</button>
						</div>
						
					</div>
				</div>
			</div>
		</div>
<!-- END 引导弹出窗 --><div class="navbar navbar-fixed-top" role="navigation">
	<div class="container indexcontainer">
		<div class="row">
			<div class=" col-md-2 col-sm-4 col-xs-4  nav-with-3  col-padding">
				<!-- logo切换 -->
				<a href="/note">
					<img src="/page/img/logo-note.png" class="img-responsive logo-padding" />
					</a>
			</div>
			<div class=" col-md-6 col-sm-6 nav-with-6 col-padding normalNav" style="width:57%;"
				 id="nav" style="margin:0 20px 0 0;">
				<div class="collapse navbar-collapse ">
					<ul class="nav mynav navbar-nav">
						<li>
							<a class="indexFormat" href="/train/index.html" target="_blank">就业培训</a>
						</li>
						<!-- <li>
                            <a href="/train/java.html" target="_blank">Java开发</a>
                        </li>
                        <li>
                            <a href="/train/test.html" target="_blank">测试开发</a>
                        </li>
                        <li>
                            <a href="/train/web.html" target="_blank">Web前端</a>
                        </li> -->
						<!-- <li>
                            <a href="/comp" target="_blank">项目大赛</a>
                        </li> -->
						<!-- <li>
                            <a href="/train/python.html" target="_blank">Python全栈</a>
                        </li> -->
						<li>
							<a href="/train/qynx.html" target="_blank">企业内训</a>
						</li>
						<li>
							<a href="/book" target="_blank">在线教材</a>
						</li>
						<li>
							<a href="/note" target="_blank">蜗牛笔记</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="col-lg-2 col-md-2 col-sm-6 col-xs-6 col-padding searchBox"  >
				<div class="row" id="search">
					<div class="col-md-12 col-sm-12 col-xs-12 col-padding search-input">
						<input type="text" id="condition" value="" name="condition" placeholder="搜索课程" autocomplete="off" class="search" />
						<span class="glyphicon glyphicon-search" style="margin-right:0;" onclick="doSearch()"></span>
					</div>
					<!-- <div class="col-md-12 col-sm-12 col-xs-12 col-padding search-text">
                        <a target="_blank" href="/search/Java">JAVA</a>
                        <a target="_blank" href="/search/测试">测试</a>
                        <a target="_blank" href="/search/开发">开发</a>
                    </div> -->
				</div>
			</div>
			<!--屏幕大小在768px-991px时-->
			<button class="navbar-toggle" type="button" id="mobileUserInfo" data-toggle="collapse" data-target="#setting" >
				<div class="icon-bar-padding">
					<span class="sr-only">导航</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</div>
			</button>
			<div class="col-padding" id="setting1">
				<span class="glyphicon glyphicon-qrcode code hidden"></span>
				<div class="pull-right collapse navbar-collapse"  id="userinfo">
				</div>
			</div>
		</div>
	</div>
	<div id="setting" class="collapse navbar-collapse">
		<ul class="nav navbar-default text-center nav-setting pull-right" id="mobileopt"  onclick="hideMenu()">
			<!-- <li>
                <a href="#"><span class="glyphicon glyphicon-exclamation-sign"></span>关于我们</a>
            </li> -->
			<li onclick="hideMenu()">
				<a href="javascript:;" onclick="clickLogin()">登录&nbsp;/&nbsp;注册</a>
			</li>
		</ul>
	</div>
	<div class="mb-link-book">
		<a href="/train/index.html" target="_blank">就业培训</a>
		<a href="/train/qynx.html" target="_blank">企业内训</a>
		<a href="/book" target="_blank">在线教材</a>
		<a href="/note" target="_blank">蜗牛笔记</a>
	</div>
</div>
<ul class="nav" style="width:1180px; margin:150px auto -80px auto; background-color:#563e7c;height:60px;line-height:60px;list-style:none; ">
	<li style="float:left;color:white;font-size:20px; margin-right:60px;margin-left:20px;">快捷导航</li>
	<li style="float:left;margin-right:20px;""><a style="padding:0;" id="typephp" href="/note/php-1">PHP开发</a></li>
	<li style="float:left;margin-right:20px;""><a style="padding:0;" id="typejava" href="/note/java-1">Java开发</a></li>
	<li style="float:left;margin-right:20px;""><a style="padding:0;" id="typepython" href="/note/python-1">Python开发</a></li>
	<li style="float:left;margin-right:20px;""><a style="padding:0;" id="typeweb" href="/note/web-1">Web前端</a></li>
	<li style="float:left;margin-right:20px;""><a style="padding:0;" id="typetest" href="/note/test-1">测试开发</a></li>
	<li style="float:left;margin-right:20px;""><a style="padding:0;" id="typeai" href="/note/ai-1">数据科学</a></li>
	<li style="float:left;margin-right:20px;""><a style="padding:0;" id="typesecurity" href="/note/security-1">网络安全</a></li>
	<li style="float:left;margin-right:20px;""><a style="padding:0;" id="typeschool" href="/note/school-1">学院动态</a></li>
	<div style="clear:both"></div>
</ul>
<!-- END 头部导航栏-->
<!-- 提示弹出窗-->
<div class="modal" id="remind">
	<div class="modal-dialog modal-sm">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
				</button>温馨提示
			</div>
			<div class="modal-body modal-warning">
				<div class="row text-center">
					<span style="font-size:16px">请先登录后，再进行操作!</span>
				</div>

			</div>
			<div class="modal-footer">
				<button class="btn btn-primary btn-save"  onclick="clickLogin();$('#remind').modal('hide');$('#form-login').modal({backdrop: 'static', keyboard: false})">登录</button>
			</div>
		</div>
	</div>
</div>


<div class="modal" id="showMsg">
	<div class="modal-dialog modal-sm">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
				</button>温馨提示
			</div>
			<div class="modal-body modal-warning">
				<div class="row text-center">
					<span style="font-size:16px" id="showMsg_msaage"></span>
				</div>

			</div>
			<div class="modal-footer">
				<button class="btn btn-primary btn-save" id="showMsg_btn"></button>
			</div>
		</div>
	</div>
</div>
<!-- END 提示弹出窗 -->
<!-- 左下角提示框 -->
<!-- <div id="prompt-box" class="prompt-box hidden">
    <span id="remindText" style="color:#3B3B3B"></span>
</div> -->
<!-- 用户操作框 -->
<div id="poping-box-fixed">
	<div id="poping-box">
		<div id="poping" class="panel panel-success hidden">
			<div class="col-md-12 col-sm-12 col-xs-12 noPadding-l noPadding-r user-info-div">
				<div class="col-md-4 col-sm-4 col-xs-4 noPadding-r">
					<img id="OptDivUserIcon"  style="width:100%; margin-top:10px;" class="img-radius">
				</div>
				<div class="col-md-8 col-sm-8 col-xs-8 noPadding-r">
					<h4 id="OptDivUserName" class="noMargin-t"></h4>
					<h5 class="noMargin-t">余额：<span class='myBalance'></span></h5>
					<h5 class="noMargin-t">积分：<span class='myIntegral'></span></h5>
				</div>
			</div>
			<div class="col-md-12 col-sm-12 col-xs-12 noPadding-r all-btn-opt">
				<div class="col-md-6 col-sm-6 col-xs-6 noPadding-l div-btn-opt">
					<a href="/sc/balanceIntegral"><button class="btn btn-useropt"><span class="glyphicon glyphicon-registration-mark"></span>蜗牛钱包</button></a>
				</div>
				<div class="col-md-6 col-sm-6 col-xs-6 noPadding-l div-btn-opt">
					<a href="/sc/myorder"><button class="btn btn-useropt"><span class="glyphicon glyphicon-piggy-bank"></span>订单中心</button></a>
				</div>
				<div class="col-md-6 col-sm-6 col-xs-6 noPadding-l div-btn-opt">
					<a href="/sc/mylive"><button class="btn btn-useropt"><span class="glyphicon glyphicon-hdd"></span>我的课程</button></a>
				</div>
				<div class="col-md-6 col-sm-6 col-xs-6 noPadding-l div-btn-opt">
					<a href="/sc/myhistory"><button class="btn btn-useropt"><span class="glyphicon glyphicon-time"></span>我的足迹</button></a>
				</div>
				<div class="col-md-6 col-sm-6 col-xs-6 noPadding-l div-btn-opt">
					<a href="/sc/mycollect"><button class="btn btn-useropt"><span class="glyphicon glyphicon-star"></span>收藏记录</button></a>
				</div>
				<div class="col-md-6 col-sm-6 col-xs-6 noPadding-l div-btn-opt">
					<a href="/sc/mydynamic"><button class="btn btn-useropt"><span class="glyphicon glyphicon-list-alt"></span>作业动态</button></a>
				</div>
				<div class="col-md-6 col-sm-6 col-xs-6 noPadding-l div-btn-opt">
					<a href="/sc/myinformation"><button class="btn btn-useropt"><span class="glyphicon glyphicon-user"></span>个人资料</button></a>
				</div>
				<div class="col-md-6 col-sm-6 col-xs-6 noPadding-l div-btn-opt">
					<a class="copyurl" data-clipboard-text="" href="/sc/myinvite" ><button class="btn btn-useropt" id="copyUrlBtn"><span class="glyphicon glyphicon-link">
					</span>邀请注册</button></a>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END 用户操作框 -->
<!-- END 右下角提示框 -->
<!-- 登录/注册弹出窗-->
<!-- <div class="modal" id="form-login">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="tabbable" id="tabs">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" onclick="clickpasswordHidden()">
                        <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                    </button>
                    <ul class="nav nav-tabs">
                        <li id="login">
                            <a href="#panel-login" data-toggle="tab" onclick="clickLogin()">登录</a>
                        </li>
                        <li id="register">
                            <a href="#panel-register" data-toggle="tab" onclick="clickRegister()">注册</a>
                        </li>
                        <li id="password">忘记密码</li>
                    </ul>
                </div>
                <div class="tab-content">
                    <div class="tab-pane" id="panel-login">
                        <form action="" method="post" id="l_form">
                            <div class=" modal-content">
                                <div class="modal-body">
                                    <div class="row modal-margin-left">
                                        <input type="text" autocomplete="off" name="user.tel" id="l_tel" autofocus="autofocus" class="col-md-12 text" placeholder="请输入手机号" maxlength="11" oninput="validatloginname()" />
                                        <p class="col-md-12" id="l_tel_msg" />
                                    </div>
                                    <div class="passBox">
                                        <div class="row modal-margin-left">
                                            <input type="password" name="user.password" id="l_pass" class="col-md-12 text" placeholder="请输入密码" maxlength="16" oninput="validLoginPass()" />
                                            <p class="col-md-12" id="l_pass_msg" />
                                        </div>
                                        <div class="row modal-margin-left">
                                            <input type="text" name="checkcode" id="l_imgcode" class="col-md-6 text verification" placeholder="请输入验证码" maxlength="4" class="verification" onblur="validcode()" />
                                            <img title="点击更换验证码" id="imgcheck" src="/login/captcha" onclick="change()">
                                            <p class="col-md-12" id="l_chk_msg" />
                                        </div>
                                    </div>
                                    <div class="codeBox hidden">
                                        <div class="row modal-margin-left">
                                            <input type="text" name="logincode" id="logincode" class="text" oninput="validsmscode()" placeholder="请输入验证码" maxlength="6" class="verification" autocomplete="false" />
                                            <input type="button" id="getCode" class=" btn btn-info btn-code" onclick="getPhoneCode()" value="获取验证码" />
                                            <p class="col-md-12" id="r_logincode_msg" />
                                        </div>
                                    </div>
                                    <div class="row span-text">
                                        <span class="col-md-12" id="loginMessage"></span>
                                        <a href="#panel-password" data-toggle="tab" onclick="clickpasswordShow()"> <span class="pull-right">忘记密码</span>
                                        </a>
                                        <span class="pull-right codeLogin" onclick="changeLogin()" style="margin-right:10px; cursor:pointer;">手机短信登录</span>
                                        <span class="pull-right passLogin hidden" onclick="changeLogin()" style="margin-right:10px; cursor:pointer;">账号密码登录</span>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="modal-footer">
                            <button class="btn btn-primary btn-block btn-save" id = "loginButton" onclick="checkLogin()">登录</button>
                        </div>
                    </div>
                    <div class="tab-pane" id="panel-register">
                        <form action="" method="post" id="r_form">
                            <div class=" modal-content">
                                <div class="modal-body">
                                    隐藏推荐者id
                                    <input type="hidden" id="inviter" name="inviter" value="0"/>
                                    <div class="row modal-margin-left">
                                        <input type="text" name="users.tel" id="r_tel" autofocus="autofocus" class="col-md-12 text" placeholder="请输入手机号" maxlength="11" oninput="validatregistname()" />
                                        <p class="col-md-12" id="r_tel_msg" />
                                    </div>
                                    <div class="row modal-margin-left">
                                        <input type="password" name="users.password" id="r_pass" class="col-md-12 text" placeholder="请输入密码" maxlength="16" oninput="validatregistpass()" />
                                        <p class="col-md-12" id="r_pass_msg" />
                                    </div>
                                    <div class="row modal-margin-left">
                                        <input type="text" name="code" id="smscode" class="text" oninput="validsmscode()" placeholder="请输入验证码" maxlength="6" class="verification" />
                                        <input type="button" id="btn" class=" btn btn-info btn-code" onclick="sendCode()" value="获取验证码" />
                                        <p class="col-md-12" id="r_smscode_msg" />
                                    </div>
                                </div>
                            </div>
                        </form>
                        <div class="modal-footer">
                            <button class="btn btn-primary btn-block btn-save" id="registeButton" onclick="checkregister()">注册</button>
                        </div>
                    </div>

                    <div class="tab-pane" id="panel-password">
                        <div class=" modal-content">
                            <div class="modal-body">
                                <form id="resetInfo">
                                    <div class="row modal-margin-left">
                                        <input type="text" name="resetTel" id="resetTel" class="col-md-12 text" placeholder="请输入手机号" maxlength="11" oninput="validResetTel()" />
                                        <p class="col-md-12" id="resetTelMessage"></p>
                                    </div>

                                    <div class="row modal-margin-left">
                                        <input type="text" name="resetCode" id="resetCode" class="text" oninput="validResetCode()"  placeholder="请输入验证码" maxlength="6" class="verification" /> <input type="button" id="resetButton" class=" btn btn-info btn-code" onclick="sendResetCode()" value="获取验证码" />
                                        <p class="col-md-12" id="resetCodeMessage"></p>
                                    </div>
                                    <div class="row modal-margin-left">
                                        <input type="password" name="newPass" id="newPass" class="col-md-12 text" placeholder="请输入新密码 " oninput="validNewPass()" />
                                        <p class="col-md-12" id="newPassMessage"></p>

                                    </div>
                                    <div class="row modal-margin-left">
                                        <input type="password" name="rePass" id="rePass" class="col-md-12 text" placeholder="请再次输入新密码 " oninput="validNewPassAgain()" />
                                        <p class="col-md-12" id="rePassMessage"></p>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button class="btn btn-primary btn-block btn-save" id="resetpassButton" onclick="resetpass()">修改密码</button>
                        </div>
                    </div>
                    <div class="tab-pane" id="panel-password-success">
                        <div class=" modal-content">
                            <div class="modal-body modal-warning">
                                <div class="row text-center" style="margin: 40px 0 26px;">
                                    <h4>修改成功!</h4>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button class="btn btn-primary btn-block btn-save" data-target="#panel-login" data-toggle="tab" onclick="clickpasswordHidden()">立即登录</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> -->
<!-- 提示模态框 -->
<div class="modal" id="roleRemind">
	<div class="modal-dialog modal-sm">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
				</button>温馨提示
			</div>
			<div class="modal-body modal-warning">
				<div class="row text-center">
					<span style="font-size:16px;">该板块只为蜗牛学苑线下学员开放<br/>敬请谅解！</span>
				</div>
			</div>
			<div class="modal-footer">
				<a href="/train/index.html"><button style="width:80px;margin-right:10px" class="btn btn-primary btn-save">咨询</button></a>
				<button style="width:80px" class="btn btn-default btn-save" onclick="$('#roleRemind').modal('hide');">取消</button>
			</div>
		</div>
	</div>
</div>
<!-- 提示模态框 -->
<div class="modal" id="liveRemind">
	<div class="modal-dialog modal-sm">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
				</button>温馨提示
			</div>
			<div class="modal-body modal-warning">
				<div class="row text-center">
					<span style="font-size:16px;">该视频只为蜗牛学苑线上学员开放<br/>敬请谅解！</span>
				</div>
			</div>
			<div class="modal-footer">
				<a href="/train/online.html"><button style="width:80px;margin-right:10px" class="btn btn-primary btn-save">咨询</button></a>
				<button style="width:80px" class="btn btn-default btn-save" onclick="$('#liveRemind').modal('hide');">取消</button>
			</div>
		</div>
	</div>
</div>
<!-- 百度数据统计 -->
<script>
	var _hmt = _hmt || [];
	(function() {
		var hm = document.createElement("script");
		hm.src = "https://hm.baidu.com/hm.js?d1d34aa99d9ff3b3f5b5f5a10c1fc27c";
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(hm, s);
	})();
</script><script type="text/javascript" src="/page/js/common/paginate.js"></script>
<script type="text/javascript" src="/article/js/articlepage.js"></script>
<input type="hidden" id="pageNum" value="1"/>
<div class="container" style="margin-top: 90px">
    <div class="row">
        <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12" style="padding: 0px 10px">
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 article-detail">
                <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10 title">
               		资讯:最高薪资20000元，平均月薪12919元，上海校区就业薪资持续创新高！
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 favorite">
                	<label class="collection" onclick="addFavorite(this)">
                		<span class="glyphicon glyphicon-heart"></span><span class="collectionText">收藏本文</span>
                	</label>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 info">
                	作者：管理员&nbsp;&nbsp;&nbsp;类型：学院动态&nbsp;&nbsp;&nbsp;
                	类别：资讯&nbsp;&nbsp;&nbsp;日期：2021-10-12&nbsp;&nbsp;&nbsp;
                	阅读：87 次&nbsp;&nbsp;&nbsp;消耗积分：0 分
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 content" id="content">
                    <p>					</p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; line-height: 2em; overflow-wrap: break-word !important;">很多同学是不是被IT培训费用给劝退过？</p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; line-height: 2em; overflow-wrap: break-word !important;">经常会遇到对学费非常敏感且焦虑的同学。</p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; line-height: 2em; overflow-wrap: break-word !important;">上来就问学费多少，问完就没下文了……</p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; overflow-wrap: break-word !important;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; line-height: 2em; overflow-wrap: break-word !important;">如果你再多聊两句，你会发现这点培训费用在你以后的IT行业职业生涯中纯属九牛一毛，完全不值一提。</p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; overflow-wrap: break-word !important;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; line-height: 2em; overflow-wrap: break-word !important;">蜗牛学苑已经毕业的学员告诉你，他们中有的一个月就能挣回培训的学费，起薪稍低的学员也能在一个季度就挣回培训的学费。<br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; overflow-wrap: break-word !important;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; line-height: 2em; overflow-wrap: break-word !important;">所以各位小伙伴们的眼光还是要放长远，格局还是要打开赛！</p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; overflow-wrap: break-word !important;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; clear: both; min-height: 1em; text-align: center; line-height: 2em; box-sizing: border-box !important; overflow-wrap: break-word !important;"><img src="https://woniuxyopenfile.oss-cn-beijing.aliyuncs.com/woniuxynote/image/202110/20211012_110433_106.jpg" title="20211012_110433_106.jpg" alt="20211012_110433_106.jpg"/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; overflow-wrap: break-word !important;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; line-height: 2em; overflow-wrap: break-word !important;">蜗牛学苑上海校区毕业班的学员给我们带来了最新消息，大家在蜗牛学苑5-6个月的学习生活告一段落，辛勤的付出后大家都收获了满意的offer。<br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; overflow-wrap: break-word !important;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; line-height: 2em; overflow-wrap: break-word !important;">本次毕业班的学员们综合能力都非常强，<span style="margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; color: rgb(255, 174, 0);"><strong style="margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important;">三周内全员完成就业，最高薪资20000元，平均月薪12919元，就业薪资再创新高。</strong></span></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; overflow-wrap: break-word !important;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; line-height: 2em; overflow-wrap: break-word !important;">恭喜各位小蜗牛们在蜗牛学苑顺利毕业拿到高薪offer，虽然在蜗牛学苑的学习画上了句号，但新征程小蜗牛们还需继续努力，再攀高峰！</p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; overflow-wrap: break-word !important;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; line-height: 2em; overflow-wrap: break-word !important;"><span style="margin: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-size: 14px; color: rgb(178, 178, 178);">上海校区部分就业信息如下，为保护学员隐私，姓名和入职企业做了适当处理。喜报数据信息绝对真实，欢迎大家随时、随地、随机到校考察。</span></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; overflow-wrap: break-word !important;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; clear: both; min-height: 1em; text-align: center; line-height: 2em; box-sizing: border-box !important; overflow-wrap: break-word !important;"><img src="https://woniuxyopenfile.oss-cn-beijing.aliyuncs.com/woniuxynote/image/202110/20211012_110448_454.jpg" title="20211012_110448_454.jpg" alt="20211012_110448_454.jpg"/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; overflow-wrap: break-word !important;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; line-height: 2em; overflow-wrap: break-word !important;">就业阶段，上海校区的老师们特意为毕业班的学员准备了毕业礼，同学们聚在一起聊天、吃东西、做游戏，到场的老师们分别给学员们上了在蜗牛学苑的最后一堂课。</p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; line-height: 2em; overflow-wrap: break-word !important;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; text-align: center; line-height: 2em; overflow-wrap: break-word !important;"><video class="edui-upload-video  vjs-default-skin  video-js" controls="" preload="none" width="420" height="280" src="https://woniuxyopenfile.oss-cn-beijing.aliyuncs.com/woniuxynote/video/202110/20211012_110614.mp4" data-setup="{}"></video></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif; font-size: 15px; letter-spacing: 1.75px; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255); line-height: 2em; overflow-wrap: break-word !important;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif; font-size: 15px; letter-spacing: 1.75px; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255); line-height: 2em; overflow-wrap: break-word !important;">了解过蜗牛学苑学习的氛围以及学员们的薪资情况，肯定有不少小伙伴已经酸了，感叹当下不如意，不如试着走出来，边走边寻找目标和方向。</p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif; font-size: 15px; letter-spacing: 1.75px; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255); overflow-wrap: break-word !important;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif; font-size: 15px; letter-spacing: 1.75px; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255); line-height: 2em; overflow-wrap: break-word !important;">想要过什么样的生活，就要付出什么样的努力，在实践的过程中学会跳出束缚，成功才有迹可循。</p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif; font-size: 15px; letter-spacing: 1.75px; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255); overflow-wrap: break-word !important;"><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; color: rgb(51, 51, 51); font-family: -apple-system, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif; font-size: 15px; letter-spacing: 1.75px; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255); line-height: 2em; overflow-wrap: break-word !important;">零基础还在犹豫报班学习的同学，其实只要勇敢踏出这一步，一切皆有可能，成功从来不会辜负认真付出的每一个人。当然蜗牛学苑的老师们也将继续为每一位学员做好各项教学、就业服务工作，只为让更多进入IT行业的同学找到满意的工作。</p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; outline: 0px; max-width: 100%; box-sizing: border-box; clear: both; min-height: 1em; white-space: normal; overflow-wrap: break-word !important;"><br/></p><p><br/></p><p>
				</p>
                </div>
                <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8" style="margin: 20px 0px; text-align: center;">
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 favorite" style="margin: 20px 0px;">                	
                	<label class="collection" onclick="addFavorite(this)">
                		<span class="glyphicon glyphicon-heart"></span><span class="collectionText">收藏本文</span>
                	</label>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 article-nav">
                <div>版权所有，转载本站文章请注明出处：蜗牛学院在线课堂， http://www.woniuxy.com/note/790</div>
                <div>上一篇：
                	<a href="/note/789">访谈:90后宝妈重返职场，从行政转行测试，入职年薪12W！</a>
                </div>
                <div>下一篇：
                	<a href="/note/791">资讯:天府、重庆、上海三校区开班，小蜗牛们朝着高薪进发！</a>
                </div>
            </div>

            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 article-comment" id="commenttop">
            	<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 add-comment">
                    <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                        <label for="nickname">你的昵称：</label>
                    </div>
                    <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12">
                        <input type="text" class="form-control" id="nickname" value='匿名用户' readonly/>
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                        <label for="comment_content">你的留言：</label>
                    </div>
                    <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12">
                        <textarea id="comment_content" class="form-control" placeholder="请在此留下你的真诚的、感人的、发自肺腑的赞美之词."></textarea>
                    </div>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-bottom: 20px;">
                    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 visible-lg-block visible-md-block"></div>
                    <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12" style="text-align: left; color: #888888;">提示：登录后添加有效评论可享受积分哦！</div>
                    <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12" style="text-align: right">
                        <button type="button" class="btn btn-primary" onclick="addInteract();">提交评论</button>
                    </div>
                </div>
              <div id="commnetList"></div>
              <div id="showPage"></div>
            </div>
        </div>
<script>
	$(document).ready(function(){
		var fixedDiv = document.getElementById("fixedmenu");
		var H = 0;
		var Y = fixedDiv;
		while (Y) {
			H += Y.offsetTop; 
			Y = Y.offsetParent;
		}
		
		window.onscroll = function() {
            var s = document.body.scrollTop || document.documentElement.scrollTop;
            s+=90;
            if(s>H) {
            	fixedDiv.style = "position:fixed; top:90px; margin-top:0px; width: 280px;";
            } else {
            	fixedDiv.style = "";
            }
        }
	});
	function doArticleSearch() {
		var keyword = $.trim($("#keyword").val());
		if (keyword.length < 2) {
			layer.msg("请输入至少两个关键字。", function(){
				//关闭后的操作
			});
			$("#keyword").focus();
			return;
		}
		location.href="/note/search/" + keyword;
	}
</script>

<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12" style="padding: 0px 10px;">
  	
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 search-bar form-group">
	    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
	        <input type="text" class="form-control" id="keyword" placeholder="请输入关键字" onkeypress="if(event.keyCode==13){doArticleSearch();}" />
	    </div>
	    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" style="text-align:right;line-height:30px;">    
	        <button type="button" class="btn btn-primary" onclick="doArticleSearch()">搜索</button>
	    </div>
    </div>
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 left-side">
        <div class="tip">最新文章</div>
        <ul>
            <li><a href="/note/791">1. 资讯: 天府、重庆、上海三校...</a></li>
            <li><a href="/note/790">2. 资讯: 最高薪资20000元，平均...</a></li>
            <li><a href="/note/789">3. 访谈: 90后宝妈重返职场，从...</a></li>
            <li><a href="/note/788">4. 访谈: 科班出身来蜗牛学苑提...</a></li>
            <li><a href="/note/787">5. 资讯: 深圳校区|报名立减200...</a></li>
            <li><a href="/note/786">6. 资讯: 最高薪资11500元，平均...</a></li>
            <li><a href="/note/785">7. 漫谈: 金九银十，没有项目经...</a></li>
            <li><a href="/note/784">8. 资讯: 进一步加强校企合作，...</a></li>
            <li><a href="/note/783">9. 资讯: 蜗牛学苑武汉校区最新...</a></li>
        </ul>
    </div>
    
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 left-side">
        <div class="tip">最多访问</div>
        <ul>
            <li><a href="/note/446">1. 访谈: 西安校区17期软件测试...</a></li>
            <li><a href="/note/410">2. 资讯: 倒计时4天！蜗牛全体员...</a></li>
            <li><a href="/note/417">3. 资讯: 蜗牛学院2019年程序员...</a></li>
            <li><a href="/note/385">4. 资讯: 请看：这是一件与你有...</a></li>
            <li><a href="/note/156">5. 资讯: 2019年，蜗牛学院成都...</a></li>
            <li><a href="/note/164">6. 资讯: 3年以下工作经验的软件...</a></li>
            <li><a href="/note/391">7. 资讯: 市面上有数百种Web前端...</a></li>
            <li><a href="/note/116">8. 漫谈: 不忘初心，砥砺前行，...</a></li>
            <li><a href="/note/175">9. 漫谈: 乱象丛生的IT培训市场...</a></li>
        </ul>
    </div>
    
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 hidden-sm hidden-xs left-side" id="fixedmenu">
        <div class="tip">热门推荐</div>
        <ul>
            <li><a href="/note/464">1. 资讯:  蜗牛学院五年运营管理...</a></li>
            <li><a href="/note/475">2. 资讯:  IT行业激荡30年->编程...</a></li>
            <li><a href="/note/477">3. 资讯:  IT行业激荡30年->改变...</a></li>
            <li><a href="/note/521">4. 资讯:  蜗牛学院：PBET-7.0版...</a></li>
            <li><a href="/note/504">5. 资讯:  蜗牛学院PBET-7.0课程...</a></li>
            <li><a href="/note/480">6. 资讯:  IT行业的35岁，一道难...</a></li>
            <li><a href="/note/484">7. 资讯:  疫情之下，蜗牛学院的...</a></li>
            <li><a href="/note/511">8. 漫谈:  这五点告诉你，阿多比...</a></li>
            <li><a href="/note/518">9. 访谈:  12个工作日内，蜗牛学...</a></li>
            <li><a href="/note/478">10. 资讯:  IT行业激荡30年->技术...</a></li>
            <li><a href="/note/489">11. 资讯:  除了保底月薪8K，蜗牛...</a></li>
            <li><a href="/note/479">12. 资讯:  IT行业激荡30年->技术...</a></li>
        </ul>
    </div>
</div>    </div>
</div>
<style type="text/css">
	.footer {
		width: 100%;
		background: #292C3B;
		padding: 35px 0 15px 0;
		color: #FFFFFF;
	}
	
	.footer .footer1 {
		line-height: 22px;
	}
	
	.footer .footer1 .logo {
		width: 180px;
	}
	
	.footer ul {
		list-style: none;
		font-size: 12px;
		padding: 0;
		margin: 0;
		margin-top: 20px;
		line-height: 22px;
	}
	
	.footer ul li span.foot-title {
		font-size: 18px;
		line-height: 38px
	}
	
	.footer ul li.footer-margin-right a {
		margin-right: 15px;
		display: inline-block;
	}
	
	.footer .footer-title {
		font-size: 22px;
		font-weight: 700;
		text-align: center;
		line-height: 42px;
		letter-spacing: 4px;
	}
	
	.footer .btn {
		width: 80%;
		padding: 0;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		margin-bottom: 18px;
		margin-left: 10%;
	}
	
	.footer .col-xs-6 {
		padding: 0;
	}
	.footer_column{
		width:25%!important;
	}
	.innerlive-entrance{
		display: none;
		margin-top:15px;
	}
	@media (max-width: 991px) {
		.footer {
			height: 30px;
			backgound: none;
			padding: 0;
			display: none;
			margin-top: 70px;
		}
	}
	
	@media only screen and (max-width: 992px){
	.new_footer{
		display: none;
	}
}
@media only screen and (min-width: 992px){
	.big-img .link div{
		position: relative;
		left: -14px;
	}
	.new_footer{
		margin-top: 35px;
		background-color: #292C3B;
	}
	.new_footer .content{
		background-color: #292C3B;
	}
	.new_footer *{
			/* transition: all 0.5s; */
	}
	.innerlive-entrance{
		color:white;
	}
	.img-content *{
		box-sizing: border-box;
	}
	.img-content .small-img{
		position: relative;
		left: 30px;
		width: 1181px;
		overflow: hidden;
	}
	.small-img ul{
		list-style: none;
		position: relative;
		width: 5000px;
		margin: 0;
		padding: 0;
		left: 0;
		/*transition: all 1s;*/
	}
	.small-img ul:after{
		content: "";
		display: block;
		clear: both;
	}
	.small-img ul li{
		float: left;
		width: 266px;
		height: 128px;
		cursor: pointer;
		color: rgba(255,255,255,.4);
	    box-sizing: border-box;
	}
	
	.small-img ul li div{
		width: 100%;
		height: 100%;
	}
	
	.small-img .moveimg span{
		transition: all .2s;
		margin-top: 39px;
		margin-left: 36px;
		display: block;
		font-size: 24px;
		font-weight: bold;
		width: 48px;
		height: 48px;
		border: 1px solid rgba(255,255,255,.2);
		line-height: 50px;
		text-align: center;
		border-radius: 50%;
		background-color: rgba(255,255,255,0);
		color: #fff !important;
	}
	.small-img .moveimg span:hover,
	.small-img .moveimg.active span{
		background-color: rgba(255,255,255,1);
		border: 1px solid rgba(255,255,255,0);
		color: #292C3B !important;
	}
	
	.small-img .moveimg div{
		margin-left: 102px;
		margin-top: -84px;
		line-height: 128px;
		font-size: 16px;
		font-weight: bold;
	}
	
	.small-img .addressname-cd{
		/* background-color: red; */
	}
	.small-img .addressname-cq{
		/* background-color: orange; */
	}
	.small-img .addressname-xa{
		/* background-color: yellow; */
	}
	.small-img .addressname-sh{
		/* background-color: green; */
	}
	.small-img .addressname-wh{
		/* background-color: blue; */
	}
	.small-img .addressname-tf{
		/* background-color: violet; */
	}
	
	.small-img ul li div.active{
		color: rgba(255,255,255,1);
	}
	.img-content .big-img{
		width: 100%;
		height: 285px;
		position: relative;
		border-top: 1px solid rgba(255,255,255,.3);
		border-bottom: 1px solid rgba(255,255,255,.3);
		padding-top: 48px;
		color: rgba(255,255,255,.9);
		/* overflow: hidden; */
	}
	
	.new_footer .left{
		right: 5px;
		top: 42px;
	}
	.new_footer .right{
		left: 5px;
		top: 42px;
	}
	.new_footer .right,.new_footer .left{
		display: inline-block;
		position: absolute;
		z-index: 10;
		text-align: center;
		line-height: 30px;
		cursor: pointer;
		transition: all 0.5s;
	}
	.new_footer .left:hover{
		filter: drop-shadow(0px 0px 8px rgba(76, 110, 245, 0.9));
	}
	.new_footer .right:hover{
		filter: drop-shadow(0px 0px 8px rgba(76, 110, 245, 0.9));
	}
	
	.big-img .addressname-cd,
	.big-img .addressname-cq,
	.big-img .addressname-xa,
	.big-img .addressname-sh,
	.big-img .addressname-wh,
	.big-img .addressname-tf,
	.big-img .addressname-sz{
		z-index: 10;
		position: absolute;
		width: 100%;
		height: 212px;
		visibility: hidden;
		opacity: 0;
	}
	
	.big-img .big.active{
		visibility: inherit;
		opacity: 1;
	}
	
	.big-img .big .contactus,
	.big-img .big .link,
	.big-img .big .funcationmoudle,
	.big-img .big .QR{
		float: left;
		color: white;
		width: 330px;
		height: 168px;
	}
	
	.big-img .big .link{
		width: 204px;
	}
	
	.big-img .big .funcationmoudle{
		width: 208px;
	}
	
	.big-img .big .contactus{
		margin-left: 80px;
	}
	
	.big-img .contactus .tittle,
	.big-img .link .tittle,
	.big-img .funcationmoudle .tittle,
	.big-img .QR .tittle{
		font-size: 20px;
		font-weight: bold;
	}
	.big-img .funcationmoudle .tittle,
	.big-img .QR .tittle{
		text-align: center;
	}
	
	.big-img .contactus .content,
	.big-img .link .content,
	.big-img .funcationmoudle .content,
	.big-img .QR .content{
		display: block;
		margin-top: 15px!important;
		line-height: 1;
		color: rgba(255,255,255,.9);
	}
	
	
	.big-img .big.active .contactus .content,
	.big-img .big.active .link .content,
	.big-img .big.active .funcationmoudle .content,
	.big-img .big.active .QR .content{
		margin-left: 0px;
	}
	.big-img .big.active .link .content,
	.big-img .big.active .funcationmoudle .content,
	.big-img .big.active .QR .content{
		cursor: pointer;
	}
	.big-img .big.active .funcationmoudle .content,
	.big-img .big.active .QR .content{
		text-decoration: none;
	}
	.big-img .big.active .funcationmoudle .content:hover{
		opacity: 1;
	}
	
	.big-img .big .contactus .c1 span{
		font-size: 18px;
		letter-spacing: 2px;
		font-weight: bold;
	}
	
	.big-img .big .contactus .c4{
		margin-top: 9px!important;
		line-height: 29px;
	}
	
	.big-img .link .content.c1{
		margin-top: 24px;
	}
	
	.big-img .funcationmoudle .content{
		text-align: center;
		width: 100%;
		line-height: 28px;
		opacity: .9;
	}
	.big-img .funcationmoudle .content.c1{
		margin-top: 30px;
		background-color: #337ab7;
	}
	.big-img .funcationmoudle .content.c2{
		margin-top: 20px!important;
		background-color: #f0ad4e;
	}
	.big-img .funcationmoudle .content.c3{
		margin-top: 20px!important;
		background-color: #d9534f;
	}
	
	.big-img .big.active .QR img{
		width: 128px;
		margin-left: 124px;
		margin-top: 30px;
	}
	
	.big-img .big .contactus .c1{
		margin-top: 20px;
	}
	.big-img .big .contactus .c1{
		transition: all 0.2s;
		margin-left: -120px;
	}
	.big-img .big .contactus .c2{
		transition: all 0.4s;
		margin-left: -140px;
	}
	.big-img .big .contactus .c3{
		transition: all 0.6s;
		margin-left: -160px;
	}
	.big-img .big .contactus .c4{
		transition: all 0.8s;
		margin-left: -180px;
	}
	
	/* .big-img .big .link .c1{
		transition: all 0.2s;
		margin-left: -20px;
	}
	.big-img .big .link .c2{
		transition: all 0.4s;
		margin-left: -40px;
	}
	.big-img .big .link .c3{
		transition: all 0.6s;
		margin-left: -60px;
	}
	.big-img .big .link .c4{
		transition: all 0.8s;
		margin-left: -80px;
	}
	
	.big-img .big .link .c5{
		transition: all 1s;
		margin-left: -100px;
	} */
	
	.copyright{
		text-align: center;
		line-height: 80px;
		font-size: 12px;
		color: rgba(255,255,255,.8);
	}
	.copyright a{
		color: white;
	}
	.copyright span{
		color: white;
		margin-left: 70px;
	}
	.copyright a:nth-child(3){
		margin-left: 70px;
	}
	.copyright a:nth-child(2){
		/* margin-left: 40px; */
	}
	.moveimg span{
		display:none!important;
	}
	.moveimg div{
		margin-top:0!important;
	}
	svg{
		display:none!important;
	}
	.small-img ul li{
		width:182px;
	}
	.small-img .moveimg div{
		margin-left:0!important;
		margin-right:102px!important;
	}
	.QR{
		width: 374px !important;
	}
}
	
	
</style>
<!--底部内容展示-star-->
<div class="new_footer" style="position: relative;overflow-x: hidden;overflow-y: hidden;">
	<div class="container">
					<div class="img-content row" style="position: relative;">
							<svg 
							 xmlns="http://www.w3.org/2000/svg"
							 xmlns:xlink="http://www.w3.org/1999/xlink"
							 width="26px" height="51px" class="right">
							<path fill-rule="evenodd"  fill="rgb(255, 255, 255)"
							 d="M10.396,25.500 L25.112,0.134 L14.705,5.619 L0.606,25.500 L16.076,46.752 L25.674,50.866 L10.396,25.500 Z"/>
							</svg>
							<svg 
							 xmlns="http://www.w3.org/2000/svg"
							 xmlns:xlink="http://www.w3.org/1999/xlink"
							 width="26px" height="51px" class="left">
							<path fill-rule="evenodd"  fill="rgb(255, 255, 255)"
							 d="M15.886,25.500 L1.169,0.134 L11.577,5.619 L25.676,25.500 L10.206,46.752 L0.608,50.866 L15.886,25.500 Z"/>
							</svg>
						<div class="small-img">
							<ul>
								<li>
									<div class="addressname-cd moveimg active">
										<span>CD</span><div>成都校区</div>
									</div>
								</li>
								<li>
									<div class="addressname-tf moveimg">
										<span>TF</span><div>天府校区</div>
									</div>
								</li>
								<li>
									<div class="addressname-cq moveimg">
										<span>CQ</span><div>重庆校区</div>
									</div>
								</li>
								<li>
									<div class="addressname-xa moveimg">
										<span>XA</span><div>西安校区</div>
									</div>
								</li>
								<li>
									<div class="addressname-sh moveimg">
										<span>SH</span><div>上海校区</div>
									</div>
								</li>
								<li>
									<div class="addressname-wh moveimg">
										<span>WH</span><div>武汉校区</div>
									</div>
								</li>
								<li>
									<div class="addressname-sz moveimg">
										<span>SZ</span><div>深圳校区</div>
									</div>
								</li>
							</ul>
						</div>
						
						<div class="big-img">
							<div class="addressname-cd big active">
								<div class="contactus">
									<div class="tittle">
										联系我们
									</div>
									<div class="content c1">客服微信：<span>19150192914</span></div>
									<div class="content c1">客服热线：<span>19150192914</span></div>
									<div class="content c2">客服QQ：1964006600</div>
									<div class="content c3">联系电话：028-84247107 </div>
									<div class="content c4">校区地址: 成都市高新区天府大道北段1480 <br>号孵化园5号楼3楼</div>
								</div>
								<div class="link">
									<div class="tittle">
										友情链接
									</div>
									<a href="http://www.woniuxy.com/train/aboutus.html" target="_blank" class="content c1">关于蜗牛</a>
									<a href="http://www.woniunote.com" target="_blank" class="content c2 instanceForInner">蜗牛笔记</a>
									<a class="innerlive-entrance c2" href="/innerlive" target="_blank" >内部直播</a>
									<a href="http://www.woniucx.com" target="_blank" class="content c3">蜗牛创想</a>
									<a href="http://www.aduobi.com/" target="_blank" class="content c4">阿多比</a>
									<a href="http://www.woniuxy.com/train/index.html" target="_blank" class="content c5">就业培训</a>
								</div>
								<div class="funcationmoudle">
									<div class="tittle">
										在线咨询
									</div>
									<a href="https://tb.53kf.com/code/client/10197106/1" class="content c1">申请免费试学</a>
									<a href="http://www.woniuxy.com/train/index.html" class="content c2">查看开班计划</a>
									<a href="http://www.woniuxy.com/train/employ.html" class="content c3">学员就业情况</a>
								</div>
								<div class="QR">
									<div class="tittle">
										扫码领取配套资料
									</div>
									<img src="/page/img/qqcode.jpg" >
								</div>
							</div>

							<div class="addressname-cq big">
								<div class="contactus">
									<div class="tittle">
										联系我们
									</div>
									<div class="content c1">客服微信：<span>19150192914</span></div>
									<div class="content c1">客服热线：<span>19150192914</span></div>
									<div class="content c2">客服QQ：1964006600</div>
									<div class="content c3">联系电话：023-67989870 </div>
									<div class="content c4">校区地址: 重庆市渝北区红旗河沟红锦大道<br>1号理想大厦A栋4楼</div>
								</div>
								<div class="link">
									<div class="tittle">
										友情链接
									</div>
									<a href="http://www.woniuxy.com/train/aboutus.html" target="_blank" class="content c1">关于蜗牛</a>
									<a href="http://www.woniunote.com" target="_blank" class="content c2 instanceForInner">蜗牛笔记</a>
									<a class="innerlive-entrance c2" href="/innerlive" target="_blank" >内部直播</a>
									<a href="http://www.woniucx.com" target="_blank" class="content c3">蜗牛创想</a>
									<a href="http://www.aduobi.com/" target="_blank" class="content c4">阿多比</a>
									<a href="http://www.woniuxy.com/train/index.html" target="_blank" class="content c5">就业培训</a>
								</div>
								<div class="funcationmoudle">
									<div class="tittle">
										在线咨询
									</div>
									<a href="https://tb.53kf.com/code/client/10197106/1" class="content c1">申请免费试学</a>
									<a href="http://www.woniuxy.com/train/index.html" class="content c2">查看开班计划</a>
									<a href="http://www.woniuxy.com/train/employ.html" class="content c3">学员就业情况</a>
								</div>
								<div class="QR">
									<div class="tittle">
										扫码领取配套资料
									</div>
									<img src="/page/img/qqcode.jpg" >
								</div>
							</div>
							<div class="addressname-xa big">
								<div class="contactus">
									<div class="tittle">
										联系我们
									</div>
									<div class="content c1">客服微信：<span>19150192914</span></div>
									<div class="content c1">客服热线：<span>19150192914</span></div>
									<div class="content c2">客服QQ：1964006600</div>
									<div class="content c3">联系电话：029-89602692 </div>
									<div class="content c4">校区地址: 西安市未央区未央路125号第五<br>国际A座5楼</div>
								</div>
								<div class="link">
									<div class="tittle">
										友情链接
									</div>
									<a href="http://www.woniuxy.com/train/aboutus.html" target="_blank" class="content c1">关于蜗牛</a>
									<a href="http://www.woniunote.com" target="_blank" class="content c2 instanceForInner">蜗牛笔记</a>
									<a class="innerlive-entrance c2" href="/innerlive" target="_blank" >内部直播</a>
									<a href="http://www.woniucx.com" target="_blank" class="content c3">蜗牛创想</a>
									<a href="http://www.aduobi.com/" target="_blank" class="content c4">阿多比</a>
									<a href="http://www.woniuxy.com/train/index.html" target="_blank" class="content c5">就业培训</a>
								</div>
								<div class="funcationmoudle">
									<div class="tittle">
										在线咨询
									</div>
									<a href="https://tb.53kf.com/code/client/10197106/1" class="content c1">申请免费试学</a>
									<a href="http://www.woniuxy.com/train/index.html" class="content c2">查看开班计划</a>
									<a href="http://www.woniuxy.com/train/employ.html" class="content c3">学员就业情况</a>
								</div>
								<div class="QR">
									<div class="tittle">
										扫码领取配套资料
									</div>
									<img src="/page/img/qqcode.jpg" >
								</div>
							</div>
							<div class="addressname-sh big">
								<div class="contactus">
									<div class="tittle">
										联系我们
									</div>
									<div class="content c1">客服微信：<span>19150192914</span></div>
									<div class="content c1">客服热线：<span>19150192914</span></div>
									<div class="content c2">客服QQ：1964006600</div>
									<div class="content c3">联系电话：021-61117980 </div>
									<div class="content c4">校区地址: 上海市浦东新区浦电路489号<br>由由燕乔大厦15楼</div>
								</div>
								<div class="link">
									<div class="tittle">
										友情链接
									</div>
									<a href="http://www.woniuxy.com/train/aboutus.html" target="_blank" class="content c1">关于蜗牛</a>
									<a href="http://www.woniunote.com" target="_blank" class="content c2 instanceForInner">蜗牛笔记</a>
									<a class="innerlive-entrance c2" href="/innerlive" target="_blank" >内部直播</a>
									<a href="http://www.woniucx.com" target="_blank" class="content c3">蜗牛创想</a>
									<a href="http://www.aduobi.com/" target="_blank" class="content c4">阿多比</a>
									<a href="http://www.woniuxy.com/train/index.html" target="_blank" class="content c5">就业培训</a>
								</div>
								<div class="funcationmoudle">
									<div class="tittle">
										在线咨询
									</div>
									<a href="https://tb.53kf.com/code/client/10197106/1" class="content c1">申请免费试学</a>
									<a href="http://www.woniuxy.com/train/index.html" class="content c2">查看开班计划</a>
									<a href="http://www.woniuxy.com/train/employ.html" class="content c3">学员就业情况</a>
								</div>
								<div class="QR">
									<div class="tittle">
										扫码领取配套资料
									</div>
									<img src="/page/img/qqcode.jpg" >
								</div>
							</div>
							<div class="addressname-wh big">
								<div class="contactus">
									<div class="tittle">
										联系我们
									</div>
									<div class="content c1">客服微信：<span>19150192914</span></div>
									<div class="content c1">客服热线：<span>19150192914</span></div>
									<div class="content c2">客服QQ：1964006600</div>
									<div class="content c3">联系电话：027-65520166 </div>
									<div class="content c4">校区地址: 武汉市东湖高新区光谷大道77号<br>金融港A3栋6楼</div>
								</div>
								<div class="link">
									<div class="tittle">
										友情链接
									</div>
									<a href="http://www.woniuxy.com/train/aboutus.html" target="_blank" class="content c1">关于蜗牛</a>
									<a href="http://www.woniunote.com" target="_blank" class="content c2 instanceForInner">蜗牛笔记</a>
									<a class="innerlive-entrance c2" href="/innerlive" target="_blank" >内部直播</a>
									<a href="http://www.woniucx.com" target="_blank" class="content c3">蜗牛创想</a>
									<a href="http://www.aduobi.com/" target="_blank" class="content c4">阿多比</a>
									<a href="http://www.woniuxy.com/train/index.html" target="_blank" class="content c5">就业培训</a>
								</div>
								<div class="funcationmoudle">
									<div class="tittle">
										在线咨询
									</div>
									<a href="https://tb.53kf.com/code/client/10197106/1" class="content c1">申请免费试学</a>
									<a href="http://www.woniuxy.com/train/index.html" class="content c2">查看开班计划</a>
									<a href="http://www.woniuxy.com/train/employ.html" class="content c3">学员就业情况</a>
								</div>
								<div class="QR">
									<div class="tittle">
										扫码领取配套资料
									</div>
									<img src="/page/img/qqcode.jpg" >
								</div>
							</div>
							<div class="addressname-tf big">
								<div class="contactus">
									<div class="tittle">
										联系我们
									</div>
									<div class="content c1">客服微信：<span>19150192914</span></div>
									<div class="content c1">客服热线：<span>19150192914</span></div>
									<div class="content c2">客服QQ：1964006600</div>
									<div class="content c3">联系电话：028-84247107 </div>
									<div class="content c4">校区地址: 成都市武侯区天仁街387号大鼎<br>世纪广场1栋18楼</div>
								</div>
								<div class="link">
									<div class="tittle">
										友情链接
									</div>
									<a href="http://www.woniuxy.com/train/aboutus.html" target="_blank" class="content c1">关于蜗牛</a>
									<a href="http://www.woniunote.com" target="_blank" class="content c2 instanceForInner">蜗牛笔记</a>
									<a class="innerlive-entrance c2" href="/innerlive" target="_blank" >内部直播</a>
									<a href="http://www.woniucx.com" target="_blank" class="content c3">蜗牛创想</a>
									<a href="http://www.aduobi.com/" target="_blank" class="content c4">阿多比</a>
									<a href="http://www.woniuxy.com/train/index.html" target="_blank" class="content c5">就业培训</a>
								</div>
								<div class="funcationmoudle">
									<div class="tittle">
										在线咨询
									</div>
									<a href="https://tb.53kf.com/code/client/10197106/1" class="content c1">申请免费试学</a>
									<a href="http://www.woniuxy.com/train/index.html" class="content c2">查看开班计划</a>
									<a href="http://www.woniuxy.com/train/employ.html" class="content c3">学员就业情况</a>
								</div>
								<div class="QR">
									<div class="tittle">
										扫码领取配套资料
									</div>
									<img src="/page/img/qqcode.jpg" >
								</div>
							</div>

							<div class="addressname-sz big">
								<div class="contactus">
									<div class="tittle">
										联系我们
									</div>
									<div class="content c1">客服微信：<span>19150192914</span></div>
									<div class="content c1">客服热线：<span>19150192914</span></div>
									<div class="content c2">客服QQ：1964006600</div>
									<div class="content c3">联系电话：023-67989870 </div>
									<div class="content c4">校区地址: 深圳市南山区前海合作区自贸西街<br>18号香缤国际金融中心18楼</div>
								</div>
								<div class="link">
									<div class="tittle">
										友情链接
									</div>
									<a href="http://www.woniuxy.com/train/aboutus.html" target="_blank" class="content c1">关于蜗牛</a>
									<a href="http://www.woniunote.com" target="_blank" class="content c2 instanceForInner">蜗牛笔记</a>
									<a class="innerlive-entrance c2" href="/innerlive" target="_blank" >内部直播</a>
									<a href="http://www.woniucx.com" target="_blank" class="content c3">蜗牛创想</a>
									<a href="http://www.aduobi.com/" target="_blank" class="content c4">阿多比</a>
									<a href="http://www.woniuxy.com/train/index.html" target="_blank" class="content c5">就业培训</a>
								</div>
								<div class="funcationmoudle">
									<div class="tittle">
										在线咨询
									</div>
									<a href="https://tb.53kf.com/code/client/10197106/1" class="content c1">申请免费试学</a>
									<a href="http://www.woniuxy.com/train/index.html" class="content c2">查看开班计划</a>
									<a href="http://www.woniuxy.com/train/employ.html" class="content c3">学员就业情况</a>
								</div>
								<div class="QR">
									<div class="tittle">
										扫码领取配套资料
									</div>
									<img src="/page/img/qqcode.jpg" >
								</div>
							</div>
						</div>
						<div class="copyright">
							版权所有 © 成都蜗牛创想科技有限公司
							备案：
							<a href="http://www.miitbeian.gov.cn/" target="_blank" rel="external nofollow">蜀ICP备15014130号-2</a>
							<a href="/train/licence.html" target="_blank" class="pull-right">网络文化经营许可证</a>
							<script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1273072395'%3E%3C/span%3E%3Cscript src='https://s22.cnzz.com/z_stat.php%3Fid%3D1273072395%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
						</div>

					</div>

				</div>


</div>
<script>

$(function() {

	var flag = true; //防止用户快速多次点击
	var zoom_n = 1;//鼠标滚轮缩放
	
	init(); //初始化
	//点击切换图片
	$(".moveimg.addressname-cd").click(function() {
		$(".big").removeClass('active');
		$(".moveimg").removeClass('active');
		$(".addressname-cd").addClass('active');
	});
	$(".moveimg.addressname-cq").click(function() {
		$(".big").removeClass('active');
		$(".moveimg").removeClass('active');
		$(".addressname-cq").addClass('active');
	});
	$(".moveimg.addressname-xa").click(function() {
		$(".big").removeClass('active');
		$(".moveimg").removeClass('active');
		$(".addressname-xa").addClass('active');
	});
	$(".moveimg.addressname-sh").click(function() {
		$(".big").removeClass('active');
		$(".moveimg").removeClass('active');
		$(".addressname-sh").addClass('active');
	});
	$(".moveimg.addressname-wh").click(function() {
		$(".big").removeClass('active');
		$(".moveimg").removeClass('active');
		$(".addressname-wh").addClass('active');
	});
	$(".moveimg.addressname-tf").click(function() {
		$(".big").removeClass('active');
		$(".moveimg").removeClass('active');
		$(".addressname-tf").addClass('active');
	});
	$(".moveimg.addressname-sz").click(function() {
		console.log(1);
		$(".big").removeClass('active');
		$(".moveimg").removeClass('active');
		$(".addressname-sz").addClass('active');
	});
	//左右移动
	$(".left").on('click', function() {
		flag ? left() : "";
	});

	$(".right").on('click', function() {
		flag ? right() : "";
	});
	
	function left() {
		flag = false;
		//计算最后
		var imgPosition = $(".moveimg:last").offset().left + $(".moveimg:last").width();
		var boxPosition = $(".small-img").offset().left + $(".small-img").width();
		if(imgPosition > boxPosition) {
			$('.small-img ul').animate({
				left: '-=266'
			}, 300, function() {
				flag = true;
			});
		} else {
			flag = true;
		}
	}



	function right() {
		flag = false;
		//计算第一个
		var imgPosition = $(".moveimg:first").offset().left;
		var boxPosition = $(".small-img").offset().left;
		if(imgPosition < boxPosition) {
			$('.small-img ul').animate({
				left: '+=266'
			}, 300, function() {
				flag = true;
			});
		} else {
			flag = true;
		}
	}

	function init() {
		var numli = $('li').length;
		//重新定义ul 宽度
		$(".small-img ul").css('width', numli * 267 + 'px');
		$($('li')[0]).addClass('active'); //第一个给默认选中
		$(".big-img img").attr('src', $($('li')[0]).attr('src'));
	}
	
	var j = 1;
	var max = $(".moveimg").size()-1;
	var i = setInterval(() => {
		if(j>max){
			j = 0;
			$('.small-img ul').animate({
				left: '0'
			}, 300)
		}
		if(j>3){
			//left();
		}
		$(".moveimg").eq(j).click();
		j++;
	}, 3000);
	$(".small-img li").click(function(){
		j = $(this).index();
	});
	
	$(".new_footer").mouseover(function(){
		clearInterval(i);
	});
	
	$(".new_footer").mouseout(function(){
		i = setInterval(() => {
			if(j>max){
				j = 0;
				$('.small-img ul').animate({
					left: '0'
				}, 300)
			}
			if(j>3){
				//left();
			}
			$(".moveimg").eq(j).click();
			j++;
		}, 3000);
	})
	
	//图片拖拽
//    var $div_img = $(".big-img .img-parent");
//    //绑定鼠标左键按住事件
//    $div_img.bind("mousedown", function (event) {
//        event.preventDefault && event.preventDefault(); //去掉图片拖动响应
//        //获取需要拖动节点的坐标
//        var offset_x = $(this)[0].offsetLeft;//x坐标
//        var offset_y = $(this)[0].offsetTop;//y坐标
//        //获取当前鼠标的坐标
//        var mouse_x = event.pageX;
//        var mouse_y = event.pageY;
//        //绑定拖动事件
        //由于拖动时，可能鼠标会移出元素，所以应该使用全局（document）元素
//        $(".big-img .img-parent").bind("mousemove", function (ev) {
            // 计算鼠标移动了的位置
//            var _x = ev.pageX - mouse_x;
//            var _y = ev.pageY - mouse_y;
            //设置移动后的元素坐标
//            var now_x = (offset_x + _x ) + "px";
//            var now_y = (offset_y + _y ) + "px";
            //改变目标元素的位置
//            $div_img.css({
//                top: now_y,
//                left: now_x
//            });
//        });
//    });
    //当鼠标左键松开，接触事件绑定
//    $(".big-img .img-parent").bind("mouseup", function () {
//        $(this).unbind("mousemove");
//    });
	
	
	//旋转
//    var spin_n = 0;
//    $(".img-rotate.left").click(function () {
//        spin_n -= 15;
//        $(".big-img .img-parent").css({
//            "transform":" rotate("+ spin_n +"deg)",
//            "-moz-transform":" rotate("+ spin_n +"deg)",
//            "-ms-transform":" rotate("+ spin_n +"deg)",
//            "-o-transform":" rotate("+ spin_n +"deg)",
//            "-webkit-transform":" rotate("+ spin_n +"deg)"
//        });
//    });
//    $(".img-rotate.right").click(function () {
//        spin_n += 15;
//        $(".big-img .img-parent").css({
//            "transform":" rotate("+ spin_n +"deg) ",
//            "-moz-transform":" rotate("+ spin_n +"deg) ",
//            "-ms-transform":" rotate("+ spin_n +"deg)",
//            "-o-transform":" rotate("+ spin_n +"deg)",
//            "-webkit-transform":" rotate("+ spin_n +"deg)"
//        });
//    });
	
	
	
	 //鼠标滚轮缩放图片
//    function zoomImg(o,delta) {
//    	if(delta == 'up'){
//    		zoom_n -= 0.1;
//    		zoom_n = zoom_n <= 0.1 ? 0.1 : zoom_n;
//    	}else{
//    		zoom_n += 0.1;
//    	}
//        $(".big-img .img-parent img").css({
//             "transform": "scale(" + zoom_n + ")",
//             "-moz-transform": "scale(" + zoom_n + ")",
//             "-ms-transform": "scale(" + zoom_n + ")",
//             "-o-transform": "scale(" + zoom_n + ")",
//             "-webkit-transform": "scale(" + zoom_n + ")"
//        });
//    }
    //绑定鼠标滚轮缩放图片
//    $(".big-img .img-parent img").bind("mousewheel DOMMouseScroll", function(e) {
//    	console.log(1231);
//    	e = e || window.event;
//    	var delta = e.originalEvent.wheelDelta || e.originalEvent.detail;
//    	var dir = delta > 0 ? 'up' : 'down';
//    	zoomImg(this,dir);
//    	return false;
//    });
});

</script></body>
</html>